<template>
	<div>
		<van-card v-for="(item,i) in newsList" :key="i" 
		:num="item.count" 
		:title="item.title" 
		:thumb=" APIDomainName + item.img"
		@click="onDetail(item.id)" />
	</div>
</template>

<script>
	//1.导入封装后的接口
	import {
		getNewsListAPI
	} from "@/api/news.js";
	export default {
		data() {
			return {
				newsList: [], //列表			
			}
		},

		//生命周期的钩子函数，当实例别创建好了后被调用
		created() {
			//获取			
			this.getNewsList();
		},

		methods: {
			//获取列表
			getNewsList() {
				//2.使用封装后的接口
				getNewsListAPI().then((result) => {
					// console.log(result);
					this.newsList = result.data
				});
			},

			onDetail(id) {
				this.$router.push({
					name: 'newsDetail',
					params: {
						id
					},
				});
			}
		},
	}
</script>

<style>
</style>
